<template>
    <div class="cardBoxCom">
        <div class="drawer_sub_title">
            <span class="sub_title_line" v-if="modTitle">
                {{ modTitle }}
                <slot name="cardTip">
                </slot>
            </span>
            <slot name="cardTitle">
            </slot>
        </div>
        <div class="cardContent">
            <slot name="cardContent"></slot>
        </div>
    </div>
</template>
<script setup>
    import {
        computed,
        nextTick,
        reactive,
        watchEffect
    } from "vue";
    import axios from "@/utils/request";
    import * as echarts from "echarts";
    import dayjs from "dayjs";
    import useUserStore from "@/store/modules/user";
    const {
        proxy
    } = getCurrentInstance();
    const userStore = useUserStore();
    const props = defineProps({
        title: {
            type: String,
            default: () => ''
        },
        modTitle: {
            type: String,
            default: '基本信息'
        }
    });

    onMounted(() => {});
</script>
<style lang="scss" scoped>

    .drawer_sub_title {
        display: flex;
        justify-content: space-between;
    }

    .cardBoxCom {
        background: linear-gradient(180deg, rgba(240, 246, 255, 1) 0%, rgba(255, 255, 255, 1) 30%);
        padding: 0 14px;
        border-radius: 8px;
        border: 1px solid rgba(64, 159, 255, 1);
        margin-bottom: 14px;

        .cardContent {
            min-height: 100px;
        }
    }
</style>